<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Order</title>
    <!-- Import Vue 3 -->
    <script src="//unpkg.com/vue@3"></script>
    <!-- Import component library -->
    <script src="//unpkg.com/element-plus"></script>
    <!-- 引入 axios-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- Import style -->
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css"/>
    <!-- icons 小图标操作 -->
    <script src="//unpkg.com/@element-plus/icons-vue"></script>
</head>
<body>
<div id="app">

</div>
<script>
    const {createApp, ref, onMounted} = Vue
    const {ElMessage, ElMessageBox} = ElementPlus
    const app = createApp({
        setup() {

            return{

            }
        }

        });
    //el开头的都是这个ElementPlus玩意
    app.use(ElementPlus)
    //解决图标问题
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component)
    }
    app.mount('#app')
</script>
</body>
</html>
